<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,viewport-fit=cover,initial-scale=1,maximum-scale=5,minimal-ui">
	<meta name="format-detection" content="telephone=no,email=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="description" content="还卡超人隶属于拍拍贷旗下，原名还还。它可以帮用户信用卡账单分期，然后用户再还款给还卡超人。还卡超人利息低，额度高。资料填写简单，审核速度快。">
	<meta name="keywords" content="手机还卡超人官网,拍拍贷,互联网金融,P2P借贷平台,还卡超人">
	<title>办卡进度查询</title>
	<style>
		html {
			font-size: 16px;
		}
		body {
			max-width: 750px;
			margin: 0 auto;
			color: #262626;
			font-family: "Helvetica Neue",\5FAE\8F6F\96C5\9ED1,Tohoma,sans-serif;
			font-size: 15px;
			background-color: #ffffff;
		}
		section {
			padding-bottom: 3rem;
			background-color: #f1f1f8;
		}
		h3,
		p,
		ul,
		li {
			margin: 0;
		}
		h3 {
			font-weight: normal;
			font-size: 1.05em;
		}
		p {
			height: 3.5rem;
			padding: 1.5rem 1.875rem 0;
			color: #8d8d8d;
			font-size: 0.9em;
			line-height: 3.5rem;
		}
		ul {
			padding: 0;
			list-style: none;
		}
		li {
			padding: 0;
		}
		.bank-list {
			background-color: #ffffff;
		}
		.bank-list li {
			overflow: hidden;
			position: relative;
			height: 8.75rem;
		}
		a {
			text-decoration: none;
			color: #262626;
		}
		.bank-list a {
			display: block;
		}
		.bank-list img {
			float: left;
			width: 5.5rem;
			height: 5.5rem;
			margin: 1.625rem 1.25rem 1.625rem 1.875rem;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			background-color: #f4f3f8;
		}
		.bank-list h3 {
			overflow: hidden;
			height: 8.75rem;
			border-top: 1px solid #d8d8d8;
			line-height: 8.75rem;
		}
		.bank-list li:first-child h3 {
			border-top-color: transparent;
		}
		.bank-list h3::before,
		.bank-list h3::after {
			content: "";
			overflow: hidden;
			position: absolute;
			top: 3.5rem;
			width: 0;
			height: 0;
			border: 0.875rem solid transparent;
			color: transparent;
			background: transparent;
		}
		.bank-list h3::before {
			right: 1rem;
			border-left: 0.875rem solid #8d8d8d;
		}
		.bank-list h3::after {
			right: 1.375rem;
			border-left: 0.875rem solid #ffffff;
		}
		.loading {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 10;
			width: 0;
			height: 0;
			background-color: rgba(0,0,0,0.4);
			-webkit-background-size: 2.5rem;
			background-size: 2.5rem;
		}
		.loading {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 10;
			-webkit-perspective: 100px;
			perspective: 100px;
			width: 0;
			height: 0;
			background-color: rgba(0,0,0,0.4);
			-webkit-background-size: 2.5rem;
			background-size: 2.5rem;
		}
		.loading.show {
			display: block;
			width: 100%;
			height: 100%;
		}
		.loading img {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 2.5rem;
			height: 2.5rem;
			margin: -1.25rem;
			/*-webkit-box-shadow: 0 0 0.1rem #ffffff;
			-moz-box-shadow: 0 0 0.1rem #ffffff;
			box-shadow: 0 0 0.1rem #ffffff;
			-webkit-animation: loading 2s infinite;
			-moz-animation: loading 2s infinite;
			animation: loading 2s infinite;*/
		}
		@-webkit-keyframes loading {
			0% {
				-webkit-transform: rotateY(0deg);
			}
			30% {
				-webkit-transform: rotateY(180deg);
			}
			50% {
				-webkit-transform: rotateY(180deg);
			}
			80% {
				-webkit-transform: rotateY(360deg);
			}
			100% {
				-webkit-transform: rotateY(360deg);
			}
		}
		@-moz-keyframes loading {
			0% {
				-moz-transform: rotateY(0deg);
			}
			30% {
				-moz-transform: rotateY(180deg);
			}
			50% {
				-moz-transform: rotateY(180deg);
			}
			80% {
				-moz-transform: rotateY(360deg);
			}
			100% {
				-moz-transform: rotateY(360deg);
			}
		}
		@keyframes loading {
			0% {
				transform: rotateY(0deg);
			}
			30% {
				transform: rotateY(180deg);
			}
			50% {
				transform: rotateY(180deg);
			}
			80% {
				transform: rotateY(360deg);
			}
			100% {
				transform: rotateY(360deg);
			}
		}
	</style>
	<script src="//m.ppdaicdn.com/act/huan/js/sensors_analytics.js?v=1"></script>
</head>
<body>
	<section>
		<p>银行官网审核时间一般为1-15天</p>
		<ul id="bank-list" class="bank-list"></ul>
	</section>
	<div class="loading">
		<!--<img src="" alt="加载中">-->
		<img src="" alt="加载中">
	</div>
	<script>
		/* 工具方法 */
		var $elm = function (elm, attr, innerHtml) {
			if (attr) {
				var _elm = document.createElement(elm);
				Object.keys(attr).forEach(function (key) {
					_elm.setAttribute(key, attr[key]);
				});
				if (innerHtml) {
					_elm.innerHTML = innerHtml;
				}
				return _elm;
			}
			return document.querySelector(elm);
		};
		var showLoading = function () {
			//$elm('.loading').setAttribute('class', 'loading show');
		};
		var sensorsAnalyticsClick = function (elm) {
			sa.track('h5_clk', {
				'tgt_event_id': elm.getAttribute('tgt_event_id'),
				'tgt_name': elm.getAttribute('tgt_name'),
				'tgt_type': elm.getAttribute('tgt_type'),
				'position': elm.getAttribute('position'),
				'url': location.href,
				'target_url': ''
			});
		};
		var navigateH5Url = function (url) {
			try {
				WebViewJavascriptBridge.callHandler('navigateH5Url', {
					'code': 1,
					'name': '极速办卡进度跳转页面',
					'data': {
						'url': url
					}
				});
			} catch(ex) {
				try {
					AppBridge.navigateH5Url(url);
				} catch (ex) {
					location.assign(url);
				}
			}
		};

		/* 设置页面宽度 */
		$elm('html').setAttribute('style', 'font-size: ' + 16 * Math.min(window.screen.availWidth, 750) / 750 + 'px');

		/* 生成界面 */
		var applyData = function () {
			for (var i = 0; i < bankListData.length; ++i) {
				var item = bankListData[i];
				var _li = $elm('li', {});
				var _a = $elm('a', {
					//'href': item.link_progress,
					'tgt_event_id': item.sensors_progress.tgt_event_id,
					'tgt_name': item.sensors_progress.tgt_name,
					'tgt_type': item.sensors_progress.tgt_type,
					'position': item.sensors_progress.position,
					'onclick': 'showLoading(), sensorsAnalyticsClick(this), navigateH5Url("' + item.link_progress + '")'
				});
				_a.appendChild($elm('img', { 'src': item.img }));
				_a.appendChild($elm('h3', {}, item.title));
				_li.appendChild(_a);
				$elm('#bank-list').appendChild(_li);
			}
		};

		/* 注册WebViewJavascriptBridge */
		var injectWebViewJavascriptBridge = function (callback) {
			if (window.WebViewJavascriptBridge) {
				return callback();
			}
			// ios
			if (window.WVJBCallbacks) {
				return window.WVJBCallbacks.push(callback);
			}
			window.WVJBCallbacks = [callback];
			var WVJBIframe = document.createElement('iframe');
			WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
			WVJBIframe.style.display = 'none';
			document.body.appendChild(WVJBIframe);
			setTimeout(function () {
				document.body.removeChild(WVJBIframe);
				// ios appbridge
				if (!window.WebViewJavascriptBridge) {
					callback();
				}
			}, 0);
		};
		/* 注册WebViewJavascriptBridge回调 */
		var injectWebViewJavascriptBridgeCallback = function () {
		};
		injectWebViewJavascriptBridge(injectWebViewJavascriptBridgeCallback);
	</script>
	<script src="//m.ppdaicdn.com/act/huan/js/apply_data.js?v=20"></script>
</body>
</html>
